<tagLib name="html"/>
<include file="./Index/Tpl/Home/default/public/header.htm" />
<link href="__PUBLIC__/new/css/new_kz.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="__PUBLIC__/jsLibrary/jquery/jquery.divselect.js"></script>
<script type="text/javascript">
(function($){
	$(function(){
		//模拟下拉列表
        $.divselect("#citySelect","#cityValue");
		$.divselect("#typeSelect","#typeValue");
		$("div.ph_left_title").tabs("div.ph_content > div", {tabs: 'li',current:'qh_hover'});
        //轮播
        $("div.kz_banner").scrollable({
            items: 'div.tp',
            circular: true
        }).navigator({
            navi: 'div.sz',
            activeClass: 'sz_hover'
        }).autoscroll({
            autoplay: true
        });
	})
})(jQuery);

defaultKeyWord = "输入关键字";
function innSearch() {
    keyword = $("#innSearchForm input[name='keyword']").val();
    city = $("#innSearchForm input[name='city']").val();
    type = $("#innSearchForm input[name='type']").val();
    url = "__KZURL__/hotel/hotellist";
    if(city!="")
        url += "-c-" + city;
    if(keyword!="" && keyword!=defaultKeyWord)
        url += "-k-" + keyword;
    if(type!="")
        url += "-s-" + type;
    window.location.href = url;
}
</script>
<!--main start-->
<div class="kz_main"> 
  <!--搜索+广告 start-->
  <div class="kz_search"> 
    <!--搜索 start-->
    <div class="left_search">
      <div><img src="__PUBLIC__/new/kz/images/search_left_bg.jpg" /></div>
      <div class="search_center">
        <div class="search_top">
          <div class="top_title">最经济实惠的客栈集中地</div>
          <form action="" onsubmit="return false;" id="innSearchForm" method="post">
            <div class="top_center">
              <div id="citySelect" class="cs"> <cite>选择城市</cite>
                <ul>
                  <volist name='innCity' id='city'>
                    <li><a href="javascript:;" value="<{$city.id}>"><{$city.name}></a></li>
                  </volist>
                </ul>
              </div>
              <input name="city" id="cityValue" type="hidden" value=""/>
              <div id="typeSelect" class="cs"> <cite>选择类型</cite>
                <ul>
                  <volist name='innTypeList' id='innType'>
                    <li><a href="javascript:;" value="<{$innType.id}>"><{$innType.name}></a></li>
                  </volist>
                </ul>
              </div>
              <input name="type" id="typeValue" type="hidden" value=""/>
              <div class="sr">
                <input type="text" name="keyword" value="输入关键字" onfocus='if(this.value==defaultKeyWord)this.value=""' onblur='if(this.value=="")this.value=defaultKeyWord'/>
              </div>
            </div>
            <div class="center_right">
              <input type="button" onclick="innSearch()" />
            </div>
          </form>
        </div>
        <div class="search_bottom">
          <table cellpadding="0" cellspacing="0" border="0" width="459" height="44">
            <tr align="center" class="bs_title">
              <td>今日入住</td>
              <td>客栈共计</td>
              <td>在线人数</td>
              <td>话题</td>
              <td>累计预定</td>
            </tr>
            <tr align="center">
              <td><{$innStat.checkin}></td>
              <td><{$innStat.inncount}></td>
              <td><{$innStat.vister}></td>
              <td><{$innStat.subject}></td>
              <td><{$innStat.order}></td>
            </tr>
          </table>
        </div>
      </div>
      <div style="float:right;"><img src="__PUBLIC__/new/kz/images/search_right_bg.jpg" /></div>
    </div>
    <!--搜索 end--> 
    <!--广告 start-->
    <div class="kz_banner">
      <div class="tp">
        <div class="item"> <a href="" target="_blank"><img src="__PUBLIC__/new/kz/images/kz_right_banner.jpg" /></a> </div>
        <div class="item"> <a href="" target="_blank"><img src="__PUBLIC__/new/kz/images/kz_right_banner.jpg" /></a> </div>
        <div class="item"> <a href="" target="_blank"><img src="__PUBLIC__/new/kz/images/kz_right_banner.jpg" /></a> </div>
        <div class="item"> <a href="" target="_blank"><img src="__PUBLIC__/new/kz/images/kz_right_banner.jpg" /></a> </div>
        <div class="item"> <a href="" target="_blank"><img src="__PUBLIC__/new/kz/images/kz_right_banner.jpg" /></a> </div>
        <div class="item"> <a href="" target="_blank"><img src="__PUBLIC__/new/kz/images/kz_right_banner.jpg" /></a> </div>
      </div>
      <div class="sz">
        <li class="sz_hover"><a href="javascript:;">1</a></li>
        <li><a href="javascript:;">2</a></li>
        <li><a href="javascript:;">3</a></li>
        <li><a href="javascript:;">4</a></li>
        <li><a href="javascript:;">5</a></li>
        <li><a href="javascript:;">6</a></li>
      </div>
    </div>
    <!--广告 end--> 
  </div>
  <!--搜索+广告 end--> 
  <!--热门+排行 start-->
  <div class="kz_ph"> 
    <!--排行 left start-->
    <div class="ph_left"> 
      <!--切换列表 start-->
      <div class="qh_lb">
        <div class="ph_left_title">
          <ul>
            <li class="qh_hover"><a href="javascript:void(0);">特卖客栈</a></li>
            <li><a href="javascript:void(0);">排行榜</a></li>
          </ul>
        </div>
        <div class="ph_content"> 
          <!--特卖客栈内容 start-->
          <div id="ph1" class="ph_1">
            <volist name="innSpecialList" id="vo">
              <ul>
                <li class="ph_1_left"> <a href="/hotel/view-id-<{$vo.id}>" target="_blank"><img src="<{$vo.pic1}>" width='66' height='52' onerror="this.onerror=null;this.src='__PUBLIC__/new/kz/images/kz_left_tp1.jpg'" /></a> </li>
                <li class="ph_1_center">
                  <p> <span><a href="/hotel/view-id-<{$vo.id}>" target="_blank" class="mc_title"><{$vo.name}></a></span> </p>
                  <p> <span> <em class="hp">好评度：</em> <em class="hp_x"><em style='width:<{$vo["reviews_score"] * 13 / 20}>px;' title='综合评分：<{$vo["reviews_score"]}>%'></em></em> </span> <span class="pl"> <em class="hp">评论：</em> <em class="pl_ts"><{$vo.reviews_count}>条</em> </span> </p>
                </li>
                <li class="ph_1_right"> <span class="j_3"><{$vo.min_price|intval}></span> <span class="j_2">￥</span> <span class="j_1">起价</span> </li>
              </ul>
            </volist>
          </div>
          <!--特卖客栈内容 end--> 
          <!--排行榜内容 start-->
          <div id="ph2" class="ph_1">
            <volist name="innTopList" id="vo">
              <ul>
                <li class="ph_1_left"> <a href="/hotel/view-id-<{$vo.id}>" target="_blank"><img src="<{$vo.pic1}>" width='66' height='52' onerror="this.onerror=null;this.src='__PUBLIC__/new/kz/images/kz_left_tp1.jpg'" /></a> </li>
                <li class="ph_1_center">
                  <p> <span><a href="/hotel/view-id-<{$vo.id}>" target="_blank" class="mc_title"><{$vo.name}></a></span> </p>
                  <p> <span> <em class="hp">好评度：</em> <em class="hp_x"><em style='width:<{$vo["reviews_score"] * 13 / 20}>px;' title='综合评分：<{$vo["reviews_score"]}>%'></em></em> </span> <span class="pl"> <em class="hp">评论：</em> <em class="pl_ts"><{$vo.reviews_count}>条</em> </span> </p>
                </li>
                <li class="ph_1_right"> <span class="j_3"><{$vo.min_price|intval}></span> <span class="j_2">￥</span> <span class="j_1">起价</span> </li>
              </ul>
            </volist>
          </div>
          <!--排行榜内容 end--> 
        </div>
      </div>
      <!--切换列表 end--> 
      <!--客栈左边广告 start-->
      <div class="ph_gg">
        <li><a href="" target="_blank"><img src="__PUBLIC__/new/kz/images/kz_gg.jpg" /></a></li>
      </div>
      <!--客栈左边广告 end--> 
    </div>
    <!--排行 left end--> 
    <!--排行 right start-->
    <div class="ph_right"> 
      <!--本月热门客栈 start-->
      <div class="month">
        <ul class="font_title yellow">
          本月热门客栈
        </ul>
        <ul>
          <volist name="innHotList" id="vo">
            <li> <span class="img_bg"><a href="/hotel/view-id-<{$vo.id}>" target="_blank"><img src="<{$vo.pic1}>" width='133' height='88' onerror="this.onerror=null;this.src='__PUBLIC__/new/kz/images/kz_right_tp.jpg'" /></a></span> <span class="kz_mc"> <a href="/hotel/view-id-<{$vo.id}>"><{$vo.name}></a> </span></li>
          </volist>
        </ul>
      </div>
      <!--本月热门客栈 end--> 
      <!--本月热门城市 start-->
      <div class="hot_city">
        <ul class="font_title blue">
          本月热门城市
        </ul>
        <ul class="hot_nr">
          <volist name="cityHotList" id="vo">
            <li><a href="__KZURL__/hotel/hotellist-c-<{$vo.id}>" target="_blank"><{$vo.name}></a></li>
          </volist>
        </ul>
      </div>
      <!--本月热门城市 end--> 
    </div>
    <!--排行 right end--> 
  </div>
  <!--热门+排行 end-->
  <div class="clear"></div>
  <!--热门客栈推荐 start-->
  <div class="kz_tj">
    <ul class="kz_tj_title">
      <li class="font_title yellow">热门客栈推荐</li>
      <li class="dashes"></li>
    </ul>
    <ul class="tj_nr">
      <volist name="innRecommendList" id="vo">
        <li>
          <p> <span><a href="/hotel/view-id-<{$vo.id}>" target="_blank"><img src="<{$vo.pic1}>" width='230' height='169' onerror="this.onerror=null;this.src='__PUBLIC__/new/kz/images/kz_rm.jpg'" /></a></span> <span class="th"> <em>特惠价</em> <em><i class="jgfh">￥</i><i class="font24"><{$vo.min_price|intval}></i></em> <em>起</em> </span> </p>
          <p class="jd_mc"><span><a href="/hotel/view-id-<{$vo.id}>" target="_blank"><{$vo.name}></a></span></p>
        </li>
      </volist>
    </ul>
  </div>
  <!--热门客栈推荐 end--> 
  <!--最新加入客栈 start-->
  <div class="kz_tj">
    <ul class="kz_tj_title">
      <li class="font_title blue">最新加入客栈</li>
      <li class="dashes"></li>
    </ul>
    <ul class="tj_nr">
      <volist name="innNewList" id="vo">
        <li>
          <p> <span><a href="/hotel/view-id-<{$vo.id}>" target="_blank"><img src="<{$vo.pic1}>" width='230' height='169' onerror="this.onerror=null;this.src='__PUBLIC__/new/kz/images/kz_rm.jpg'" /></a></span> <span class="th"> <em>特惠价</em> <em><i class="jgfh">￥</i><i class="font24"><{$vo.min_price|intval}></i></em> <em>起</em> </span> </p>
          <p class="jd_mc"><span><a href="/hotel/view-id-<{$vo.id}>" target="_blank"><{$vo.name}></a></span></p>
        </li>
      </volist>
    </ul>
  </div>
  <!--最新加入客栈 end--> 
</div>
<!--main end-->
<div class="clear"></div>
<{:W('foot',array('linkid'=>1282))}>